﻿<!DOCTYPE html>
<html>
  <head>
    <title>互动</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/互动/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/互动/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u871" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u872" class="ax_default _形状">
          <img id="u872_img" class="img " src="images/0-目录/u726.png"/>
          <div id="u872_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">&nbsp;</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u873" class="ax_default _水平线">
          <img id="u873_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u874" class="ax_default _形状">
        <img id="u874_img" class="img " src="images/互动/u874.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u875" class="ax_default _文本段落" data-label="Header 2">
        <img id="u875_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u875_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1.1.2 </span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">观看者--互动信息</span></p>
        </div>
      </div>

      <!-- Unnamed (A02观看者-互动信息) -->

      <!-- Unnamed (矩形) -->
      <div id="u877" class="ax_default _形状">
        <img id="u877_img" class="img " src="images/观看者-流程图/u426.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u878" class="ax_default _形状">
        <img id="u878_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u879" class="ax_default _形状">
        <img id="u879_img" class="img " src="images/观看者-流程图/u428.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u880" class="ax_default _形状">
        <img id="u880_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u881" class="ax_default _文本段落">
        <img id="u881_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u881_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u882" class="ax_default _文本段落">
        <img id="u882_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u882_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u883" class="ax_default _形状">
        <img id="u883_img" class="img " src="images/观看者-流程图/u432.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u884" class="ax_default _形状">
        <img id="u884_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u885" class="ax_default _文本段落">
        <img id="u885_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u885_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u886" class="ax_default _文本段落">
        <img id="u886_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u886_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u887" class="ax_default _形状">
        <img id="u887_img" class="img " src="images/观看者-流程图/u436.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u888" class="ax_default _形状">
        <img id="u888_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u889" class="ax_default _文本段落">
        <img id="u889_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u889_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u890" class="ax_default _文本段落">
        <img id="u890_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u890_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u891" class="ax_default _形状">
        <img id="u891_img" class="img " src="images/观看者-流程图/u440.png"/>
        <div id="u891_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">X</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u892" class="ax_default" data-left="116" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u893" class="ax_default _文本段落">
          <img id="u893_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u893_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u894" class="ax_default _形状">
          <img id="u894_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u895" class="ax_default _形状">
        <img id="u895_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u895_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">花</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">12k</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u896" class="ax_default _形状">
        <img id="u896_img" class="img " src="images/观看者-流程图/u445.png"/>
        <div id="u896_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">输入文字</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u897" class="ax_default _形状">
        <img id="u897_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u897_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u898" class="ax_default _形状">
        <img id="u898_img" class="img " src="images/观看者-流程图/u447.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u899" class="ax_default _形状">
        <img id="u899_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u900" class="ax_default _文本段落">
        <img id="u900_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u900_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u901" class="ax_default _文本段落">
        <img id="u901_img" class="img " src="images/观看者-流程图/u450.png"/>
        <div id="u901_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">13“00&nbsp; 点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u902" class="ax_default _形状">
        <img id="u902_img" class="img " src="images/观看者-流程图/u451.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u903" class="ax_default _文本段落">
        <img id="u903_img" class="img " src="images/观看者-流程图/u452.png"/>
        <div id="u903_text" class="text ">
          <p style="font-size:11px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:13px;">林宥嘉Mr.Lin&nbsp;&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;">&nbsp; 加入直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u904" class="ax_default _形状">
        <img id="u904_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u904_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">123</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u905" class="ax_default _形状">
        <img id="u905_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u906" class="ax_default _形状">
        <img id="u906_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u907" class="ax_default _形状">
        <img id="u907_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u908" class="ax_default _形状">
        <img id="u908_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u909" class="ax_default _形状">
        <img id="u909_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u910" class="ax_default _形状">
        <img id="u910_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u910_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u911" class="ax_default _形状">
        <img id="u911_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u912" class="ax_default _文本段落">
        <img id="u912_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u912_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u913" class="ax_default _形状">
        <img id="u913_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u913_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">发送</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u914" class="ax_default _形状">
        <img id="u914_img" class="img " src="images/观看者-流程图/u440.png"/>
        <div id="u914_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">举报</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u915" class="ax_default _文本段落" data-label="Header 2">
        <img id="u915_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u915_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">互动信息</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u916" class="ax_default _文本段落" data-label="Header 2">
        <img id="u916_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u916_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u917" class="ax_default _形状">
        <img id="u917_img" class="img " src="images/互动/u917.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u918" class="ax_default _文本段落">
        <img id="u918_img" class="img " src="images/互动/u918.png"/>
        <div id="u918_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;color:#6699FF;">互动信息会呼出全部用户互动信息</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;">最少保留3条，最多显示5条，</span><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;">超过3条会逐渐渐变消失</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;">当用户进入观看界面，有新消息会默认滑出</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;">评论列表手动下滑后需要悬停3秒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u919" class="ax_default _文本段落">
        <img id="u919_img" class="img " src="images/互动/u919.png"/>
        <div id="u919_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">文字互动：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u920" class="ax_default _文本段落">
        <img id="u920_img" class="img " src="images/互动/u920.png"/>
        <div id="u920_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1，文字互动会显示用户头像，昵称，回复内容</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，按照时间顺序从下往上显示</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，点击头像可弹出个人信息弹层（可屏蔽其发言）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u921" class="ax_default _形状">
        <img id="u921_img" class="img " src="images/互动/u921.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u922" class="ax_default _形状">
        <img id="u922_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u923" class="ax_default _文本段落">
        <img id="u923_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u923_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u924" class="ax_default _文本段落">
        <img id="u924_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u924_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u925" class="ax_default _形状">
        <img id="u925_img" class="img " src="images/互动/u925.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u926" class="ax_default _形状">
        <img id="u926_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u927" class="ax_default _文本段落">
        <img id="u927_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u927_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u928" class="ax_default _文本段落">
        <img id="u928_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u928_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u929" class="ax_default _形状">
        <img id="u929_img" class="img " src="images/互动/u929.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u930" class="ax_default _形状">
        <img id="u930_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u931" class="ax_default _文本段落">
        <img id="u931_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u931_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u932" class="ax_default _文本段落">
        <img id="u932_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u932_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u933" class="ax_default _形状">
        <img id="u933_img" class="img " src="images/互动/u917.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u934" class="ax_default _文本段落">
        <img id="u934_img" class="img " src="images/互动/u919.png"/>
        <div id="u934_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">回复模块：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u935" class="ax_default _文本段落">
        <img id="u935_img" class="img " src="images/互动/u935.png"/>
        <div id="u935_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;">送花可以重复点击，点击送花后，屏幕上方数字会伴随动画实时变化，</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;">单击屏幕任何没有操作的地方也可送花</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u936" class="ax_default _文本段落">
        <img id="u936_img" class="img " src="images/互动/u919.png"/>
        <div id="u936_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">语音互动：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u937" class="ax_default _文本段落">
        <img id="u937_img" class="img " src="images/互动/u937.png"/>
        <div id="u937_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">类似微信，点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u938" class="ax_default _形状">
        <img id="u938_img" class="img " src="images/互动/u938.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u939" class="ax_default _形状">
        <img id="u939_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u940" class="ax_default _文本段落">
        <img id="u940_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u940_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u941" class="ax_default _文本段落">
        <img id="u941_img" class="img " src="images/观看者-流程图/u450.png"/>
        <div id="u941_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">13“00&nbsp; 点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u942" class="ax_default _形状">
        <img id="u942_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u942_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">花</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u943" class="ax_default _形状">
        <img id="u943_img" class="img " src="images/观看者-流程图/u445.png"/>
        <div id="u943_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">输入文字</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u944" class="ax_default _形状">
        <img id="u944_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u944_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u945" class="ax_default _文本段落">
        <img id="u945_img" class="img " src="images/互动/u919.png"/>
        <div id="u945_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">长按头像：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u946" class="ax_default _文本段落">
        <img id="u946_img" class="img " src="images/互动/u946.png"/>
        <div id="u946_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;">1，长按头像弹出 回复框，并自动@回复用户（长按文字.语音无响应）</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#1E1E1E;">2，点击关闭可取消回复此人</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#1E1E1E;">3，一次只能回复一人</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u947" class="ax_default _形状">
        <img id="u947_img" class="img " src="images/互动/u917.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u948" class="ax_default _形状">
        <img id="u948_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u948_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">回复</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u949" class="ax_default _形状">
        <img id="u949_img" class="img " src="images/观看者-流程图/u445.png"/>
        <div id="u949_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">输入文字</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u950" class="ax_default _形状">
        <img id="u950_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u950_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u951" class="ax_default _形状">
        <img id="u951_img" class="img " src="images/观看者-流程图/u446.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u952" class="ax_default _文本段落">
        <img id="u952_img" class="img " src="images/互动/u952.png"/>
        <div id="u952_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">回复 林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u953" class="ax_default _文本段落">
        <img id="u953_img" class="img " src="images/互动/u953.png"/>
        <div id="u953_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">x</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u954" class="ax_default _文本段落">
        <img id="u954_img" class="img " src="images/互动/u954.png"/>
        <div id="u954_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">回复样式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u955" class="ax_default _文本段落">
        <img id="u955_img" class="img " src="images/互动/u954.png"/>
        <div id="u955_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">回复框显示回复xx</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u956" class="ax_default _垂直线">
        <img id="u956_img" class="img " src="images/互动/u956.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u957" class="ax_default _文本段落">
        <img id="u957_img" class="img " src="images/互动/u957.png"/>
        <div id="u957_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">10</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u958" class="ax_default _文本段落">
        <img id="u958_img" class="img " src="images/互动/u958.png"/>
        <div id="u958_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">当用新用户加入到直播观看会随信息流弹出提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u959" class="ax_default _文本段落">
        <img id="u959_img" class="img " src="images/互动/u959.png"/>
        <div id="u959_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">加入提醒：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u960" class="ax_default _形状">
        <img id="u960_img" class="img " src="images/互动/u960.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u961" class="ax_default _文本段落">
        <img id="u961_img" class="img " src="images/互动/u961.png"/>
        <div id="u961_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉： 加入直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u962" class="ax_default _文本段落">
        <img id="u962_img" class="img " src="images/互动/u962.png"/>
        <div id="u962_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">屏蔽发言</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u963" class="ax_default _形状">
        <img id="u963_img" class="img " src="images/观看者-流程图/u426.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u964" class="ax_default _形状">
        <img id="u964_img" class="img " src="images/互动/u964.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u965" class="ax_default _形状">
        <img id="u965_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u966" class="ax_default _文本段落">
        <img id="u966_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u966_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u967" class="ax_default _文本段落">
        <img id="u967_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u967_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u968" class="ax_default _形状">
        <img id="u968_img" class="img " src="images/互动/u968.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u969" class="ax_default _形状">
        <img id="u969_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u970" class="ax_default _文本段落">
        <img id="u970_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u970_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u971" class="ax_default _文本段落">
        <img id="u971_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u971_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u972" class="ax_default _形状">
        <img id="u972_img" class="img " src="images/互动/u972.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u973" class="ax_default _形状">
        <img id="u973_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u974" class="ax_default _文本段落">
        <img id="u974_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u974_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u975" class="ax_default _文本段落">
        <img id="u975_img" class="img " src="images/观看者-流程图/u431.png"/>
        <div id="u975_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">真棒，可以在跳的高一点吗</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u976" class="ax_default _形状">
        <img id="u976_img" class="img " src="images/互动/u976.png"/>
        <div id="u976_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您在该直播中被举报过多，发言权已被禁止</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u977" class="ax_default _文本段落">
        <img id="u977_img" class="img " src="images/互动/u977.png"/>
        <div id="u977_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">当用户在当前互动中被超过5名群众屏蔽发言功能后，会隐藏发言功能并给出提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u978" class="ax_default _形状">
        <img id="u978_img" class="img " src="images/观看者-流程图/u447.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u979" class="ax_default _形状">
        <img id="u979_img" class="img " src="images/观看者-流程图/u429.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u980" class="ax_default _文本段落">
        <img id="u980_img" class="img " src="images/观看者-流程图/u430.png"/>
        <div id="u980_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u981" class="ax_default _文本段落">
        <img id="u981_img" class="img " src="images/观看者-流程图/u450.png"/>
        <div id="u981_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">13“00&nbsp; 点击播放</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u982" class="ax_default _形状">
        <img id="u982_img" class="img " src="images/1_1-观看者页面/u810.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u983" class="ax_default _形状">
        <img id="u983_img" class="img " src="images/观看者-流程图/u482.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u984" class="ax_default _形状">
        <img id="u984_img" class="img " src="images/观看者-流程图/u482.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u985" class="ax_default _形状">
        <img id="u985_img" class="img " src="images/观看者-流程图/u482.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u986" class="ax_default _形状">
        <img id="u986_img" class="img " src="images/观看者-流程图/u416.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u987" class="ax_default _图片_">
        <img id="u987_img" class="img " src="images/观看者-流程图/u486.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u988" class="ax_default _形状">
        <img id="u988_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u988_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">花</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">12k</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u989" class="ax_default _形状">
        <img id="u989_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u989_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">123</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u990" class="ax_default _形状">
        <img id="u990_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u991" class="ax_default _形状">
        <img id="u991_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u992" class="ax_default _形状">
        <img id="u992_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u993" class="ax_default _形状">
        <img id="u993_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u994" class="ax_default _形状">
        <img id="u994_img" class="img " src="images/观看者-流程图/u440.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u995" class="ax_default _形状">
        <img id="u995_img" class="img " src="images/观看者-流程图/u444.png"/>
        <div id="u995_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u996" class="ax_default _文本段落">
        <img id="u996_img" class="img " src="images/互动/u996.png"/>
        <div id="u996_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">此处显示鲜花数</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u997" class="ax_default _文本段落">
        <img id="u997_img" class="img " src="images/互动/u997.png"/>
        <div id="u997_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">此处显示观看者数量，和观看者头像</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">新加入顶部挤入，可以左右滑动查看全部观看者</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">点击头像弹出个人信息弹层</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">人数显示区域，不可点赞</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u998" class="ax_default _文本段落">
        <img id="u998_img" class="img " src="images/互动/u996.png"/>
        <div id="u998_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击分享弹出个人信息弹层</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u999" class="ax_default _形状">
        <img id="u999_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1000" class="ax_default" data-left="1266" data-top="220" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u1001" class="ax_default _文本段落">
          <img id="u1001_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u1001_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1002" class="ax_default _形状">
          <img id="u1002_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1003" class="ax_default _形状">
        <img id="u1003_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1004" class="ax_default _文本段落">
        <img id="u1004_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u1004_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1005" class="ax_default _形状">
        <img id="u1005_img" class="img " src="images/互动/u1005.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1006" class="ax_default _文本段落">
        <img id="u1006_img" class="img " src="images/发布者-流程图/u610.png"/>
        <div id="u1006_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享到：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1007" class="ax_default _形状">
        <img id="u1007_img" class="img " src="images/互动/u1007.png"/>
        <div id="u1007_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">微博</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1008" class="ax_default _形状">
        <img id="u1008_img" class="img " src="images/互动/u1007.png"/>
        <div id="u1008_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">朋友圈</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1009" class="ax_default _形状">
        <img id="u1009_img" class="img " src="images/互动/u1007.png"/>
        <div id="u1009_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">QQ</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1010" class="ax_default _形状">
        <img id="u1010_img" class="img " src="images/互动/u1007.png"/>
        <div id="u1010_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">微信</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1011" class="ax_default _文本段落">
        <img id="u1011_img" class="img " src="images/互动/u1011.png"/>
        <div id="u1011_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">分享框可以点击举报，需要划出</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1012" class="ax_default _文本段落">
        <img id="u1012_img" class="img " src="images/互动/u996.png"/>
        <div id="u1012_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">此处增加发送按钮（点击键盘回车仍可触发发送）</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1013" class="ax_default _图片_">
        <img id="u1013_img" class="img " src="images/互动/u1013.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1014" class="ax_default _图片_">
        <img id="u1014_img" class="img " src="images/互动/u1014.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1015" class="ax_default _文本段落">
        <img id="u1015_img" class="img " src="images/互动/u996.png"/>
        <div id="u1015_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">举报按钮移植关闭左边</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
